<template>
  <div class="avatar">
    <el-avatar :size="100" :src="src">
      <i class="icon el-icon-user-solid"></i>
    </el-avatar>
  </div>
</template>

<script>
export default {
  props: ['src']
};
</script>

<style lang="scss" scoped>

  .avatar {
    .image-slot {
      background: red;
    }

    .icon {
      line-height: 100px;
      font-size: 50px;
    }
  }
</style>
